<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p4_图片处理</title>
</head>
<body>
    <!--相对路径:从当前html文件出发去找图片资源,注意要写完整的图片名! name.suffix-->
    <img src="2.png" alt="">
    <img src="img/3.png" alt="">
    <img src="../1.png" alt="">
    <img src="https://cdn.tmooc.cn/bsfile//courseImg///94D557C1DBB44FDA909B3B2BDC433A28.png" alt="">
    <hr>
    <!--  alt属性是图片无法正常展示时的替换文字  -->
    <img src="abc.png" alt="哎呀,图片被转转回收了">

    <img src="img/jt.png" width="100px" height="100px">
    <img src="img/jt.png" width="100px" title="这是一张仙女的照片">
    <img src="img/jt.png" height="100px">
</body>
</html>